<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <section class="cm-wbg__bx">
        <section class="pt10 ml20 mr20">
            <section class="u-cm-title_wrap">
                <span class="fs16 c-333">我的问答收益</span>
            </section>
        </section>
        <article class="mt20 mb20 ml20 mr20">
            <section class="mt20 pt10">
                <div class="pt10">
                    <section class="clearfix text-center">
                        <aside class="pull-right">
                            <span class="fs12 c-ccc hand" data-toggle="tooltip" data-placement="top" data-original-title="当我提的付费问题被其他用户围观之后，我会得到固定比例的分成收益，这就是问答收益">
                                <i class="fa fa-question-circle"></i>
                                什么是问答收益
                            </span>
                        </aside>
                        <span class="c-333 fs16">累计收益</span>
                    </section>
                    <section class="mt10 text-center">
                        <span class="fs20 c-danger"><i class="fa fa-yen"></i></span>
                        <span class="fs36 c-danger" th:text="${sumAmount}"></span>
                        <span class="c-999">元</span>
                        <span class="ml20">
                            <button id="amount-extract" type="button" class="btn btn-sm btn-outline btn-info">提取收益到账户</button>
                            <a th:href="@{/web/uc/myAccount}">
                                <button type="button" class="btn btn-sm btn-outline btn-info">去我的账户</button>
                            </a>
                        </span>
                    </section>
                </div>
            </section>
        </article>
        <section class="pt10 ml20 mr20 mb20 pb10">
            <div class="mt20 pt10">
                <form role="form" class="form-inline" id="search-form">
                    <div class="form-group">
                        <input type="text" id="beginTime" name="beginTime" placeholder="开始时间" readonly class="laydate-icon form-control layer-date">
                    </div>
                    <div class="form-group">
                        <input type="text" id="endTime" name="endTime" placeholder="结束时间" readonly class="laydate-icon form-control layer-date">
                    </div>
                    <button class="btn btn-info" id="search-btn" type="button"> 检 索 </button>
                </form>
                <div class="mt20 pt10">
                    <div id="earning-list-context">

                    </div>
                </div>
            </div>
        </section>
    </section>
</html>